<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="spreadjs culture" content="zh-cn" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 添加 SpreadJS 脚本和 CSS-->
<!-- 添加 SpreadJS 脚本文件-->
<script type="text/javascript" src="spreadjs-library\gc.spread.sheets.all.16.2.2.min.js"></script>
<script type="text/javascript" src="spreadjs-library\gc.spread.sheets.resources.zh.16.2.2.min.js"></script>
<!-- 添加 CSS 文件-->
<link href="spreadjs-library\gc.spread.sheets.16.2.2.css" rel="stylesheet" type="text/css" />
<style>
.spread-container {
height: 550px;
}
</style>
</head>
<body>
<h1>葡萄城 SpreadJS 纯前端表格</h1>
<p>使用 html + js 方式创建 SpreadJS 实例</p>
<div class="sample-container">
<!-- 创建 SpreadJS 的目标 DOM 元素，id 为 ss 的 HTML DIV -->
<div id="ss" class="spread-container"></div>
</div>
</body>
<script>
<!-- 通过 div 的 id“ss”在扩展容器中初始化 SpreadJS -->
window.onload = function ()
{
var spread = new GC.Spread.Sheets.Workbook(
document.getElementById( "ss" ),
{ sheetCount: 1 }
);
};
</script>
</html>